<template>
  <div>
    <div class="back">
      <img
        src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0163615b0678e1a801209a8562a5d3.jpg%401280w_1l_2o_100sh.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637388810&t=2a627579c0f0357f17c3d716667a73d5"
        alt=""
      />
      <div class="post"></div>
      <div class="gohome" @click="goHome"></div>
    </div>
  </div>
</template>

<script>
import { useRouter } from "vue-router";
export default {
  setup() {
    const router = useRouter();
    const goHome = () => {
      router.push("/home");
    };
    return { goHome };
  },
};
</script>

<style lang="less" scoped>
.back {
  width: 100%;
  height: 667px;
  position: relative;
  > img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .post {
    background-color: #7a5ba7;
    position: absolute;
    width: 100%;
    height: 30px;
    top: 0;
    left: 0;
  }
  .gohome {
    position: absolute;
    width: 105px;
    height: 45px;
    top: 34%;
    left: 36%;
  }
}
</style>
